<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="app">
        <h1>
            mixin学习
        </h1>
    </div>
</body>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
    // 智囊团  如果没有自己的 就用你的  有自己的 先看自己的想法
    // 1解决 代码复用的问题  组长写的代码 比如时间戳转换 我们自己就可以不写了 直接引入组长的mixin
    // 2 解决 共用代码和自己代码的  面条问题   让代码 更好维护 
    var mymixin = {
        created:function(){
            this.hello()
        },
        methods:{
            timeparser:function(){
               console.log(this.time1)
            },
            zhengze:function(){
               console.log(this.time1)
            },
            zhengze2:function(){

            },
            timeparser:function(){
               console.log(this.time1)

            },
          

        }
    }
    var app = new Vue({
         mixins:[mymixin],
         
        el: '#app',
        data: {
            fruits: ['apple', 'pear', 'banana', 'orange'],
            time1:'123345345345345345'
        },
        created:function(){
            this.timeparser()
        },
        methods:{
            hello:function(){
                console.log('我进入自己的hello里面了')
            },
           
            
            
            
        }
        
    })


</script>

</html>